
.el-button.is-plain:focus, .el-button.is-plain:hover {
    border-color: #1494E3 !important;
    color: #1494E3 !important;
}
hr{
  background-color: #eee;
  height:1px;
  border:none;
}
.avue-input__tip{
    z-index:1
}
.el-menu-item{
  a{
    display: block;
  }
}
.avue-icon-select__list{
    .iconfont{
        padding: 20px;
        font-size: 24px;
        &:hover{
            transform: scale(1.4);
         }
    }
}
.avue-line{
    span{
        margin-right: 5px;
    }
}
.markdown {
    overflow: hidden;
    padding-top: 10px !important;
    background-color: #fff;
    .hljs-tag{
        color: #63a35c;
    }
    .header-anchor{
        display: none;
    }
    ul > li {
        margin-left: 12px !important;
        list-style-type: initial !important;
    }
    .hljs{
        line-height: 30px;
        background-color: #282c34 !important;
        border-radius: 6px;
        overflow: auto;
        code{
            font-weight: 500;
            font-size: 14px;
            color:#abb2bf !important;
        }
    }
    .custom-block{
        display: block !important;
        padding: 20px 16px !important;
        font-weight: 500;
        background-color: #ecf8ff;
        border-radius: 4px;
        border-left: 5px solid #1494E3 !important;
        margin: 20px 0;
        font-size: 14px;
        color: #5e6d82;
        line-height: 1.5em;
        .custom-block-title{
            display: none;
        }
        &::before{
            display: none;
        }
    }
    .imagepreview-1-vue img {
        width: 60px;
        cursor: pointer;
        margin-right: 10px;
        border-radius: 4px;
      }

      .imagepreview-1-vue img:hover {
        box-shadow: 0 0 6px rgb(63, 63, 63);
      }
    .link {
        color: #409EFF;
        cursor: pointer;
        text-decoration: none;
    }
  blockquote {
      font-size: 90%;
      color: #697b8c;
      border-left: 4px solid #ebedf0;
      padding-left: .8em;
      margin: 1em 0;
  }
  .header-anchor {
      color: #1494E3;
  }
  .table {
      border-collapse: collapse;
      width: 100%;
      background-color: #fff;
      margin-bottom: 45px;
      font-size: 14px;
      line-height: 1.5em;
  }
  .table th:first-child {
      padding-left: 10px;
  }
  .table th,
  .table td {
      color: #333;
      border-bottom: 1px solid #d8d8d8;
      padding: 15px;
      max-width: 250px;
      text-align: left;
  }
  .highlight {
      padding: 0 13px 10px 13px;
  }
  .hljs {
      background: #f2f4f5;
      padding: 12px 20px;
      margin: 16px 0;
      overflow: auto;
  }
  pre code {
      border: none;
      margin: 0;
      padding: 0;
      font-size: 14px;
      color: #314659;
      overflow: auto;
  }
  & h1 {
      color: #0d1a26;
      font-weight: 500;
      margin-bottom: 20px;
      margin-top: 8px;
      font-family: Lato, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 30px;
      line-height: 38px;
  }
  &>p,
  &>pre {
      margin: 1em 0;
  }
  b,
  strong {
      font-weight: 500;
  }
  ul>li {
      list-style-type: circle;
      margin-left: 20px;
      padding-left: 4px;
  }
  ol>li>p,
  ul>li>p {
      margin: .2em 0;
  }
  h2 {
      font-size: 24px;
      line-height: 32px;
  }
  h2,
  h3,
  h4,
  h5,
  h6 {
      color: #0d1a26;
      font-family: Lato, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
      margin: 1.6em 0 .6em;
      font-weight: 500;
      clear: both;
  }
  .custom-block {
      position: relative
  }
  .custom-block:before {
      border-radius: 50%;
      color: #fff;
      content: "!";
      height: 25px;
      left: -15px;
      line-height: 25px;
      position: absolute;
      text-align: center;
      top: 15px;
      width: 25px
  }
  .custom-block.danger,
  .custom-block.tip,
  .custom-block.warning {
      border-left: .3rem solid;
      margin: 1rem 0;
      padding: .1rem 1.5rem
  }
  .custom-block.tip {
      background-color: #f3f5f7;
      border-color: #1494E3
  }
  .custom-block.tip:before {
      background-color: #1494E3
  }
  .custom-block.warning {
      background-color: rgba(255, 229, 100, .3);
      border-color: #b19300;
      color: #000
  }
  .custom-block.warning:before {
      background-color: #b19300
  }
  .custom-block.danger {
      background-color: #ffe6e6;
      border-color: #900;
      color: #000
  }
  .custom-block.danger:before {
      background-color: #900
  }
  .avue-group__title {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
      color: rgba(0, 0, 0, .85);
  }
  .avue-grid{
      position: absolute;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
      background-size: 30px 30px, 30px 30px;
      background-image: linear-gradient(rgba(0, 0, 0, .1) 1px, transparent 0px), linear-gradient(90deg, rgba(0, 0, 0, .1) 1px, transparent 0px);

  }
}
